/* eslint-disable jsx-a11y/alt-text */
import React from 'react'
import List from "./List"
import ListHead from "./header"
import Comment from "./Comment"
import "../assets/style/reset.css"
import "../assets/css/relist/middle.css"

class Tips1 extends React.Component {
    render() {
        return (
            <div className="middle">歌单列表</div>
        )
    }
}
class Tips2 extends React.Component {
    render() {
        return (
            <div className="middle">最新评论</div>
        )
    }
}

class Page extends React.Component {
    render() {
        return (
            <div className="cc">
                <div className="position">
                    <ListHead {...this.props} />
                    <Tips1 />
                    <List  {...this.props} />
                    <Tips2 />
                    <Comment {...this.props} />
                </div>
            </div>


        )
    }
}

export default Page;